<?php use_stylesheet('header.css') ?>
<?php use_javascript('header.js') ?>

<div class="subwrap">
    <!-- header -->
    <div id="header">
        <h1>
            <?php echo link_to(image_tag('/images/header/logo.gif',"alt=EduBusqueda title=Home"),"homepage") ?>
        </h1>
        <ul class="side">

            <li>
                <?php echo link_to(image_tag('/images/header/sm_01.gif',"alt=Home title=Home"),"homepage") ?>
            </li>
            <li>                
                <a href="">
                    <img src="/images/header/sm_02.gif" alt="Logueate">
                </a>
            </li>

            <li class="last">
                <a href="">
                    <img src="/images/header/sm_03.gif" alt="Registrate">
                </a>
            </li>
        </ul>
        <ul class="side2">
            <li >
                <a href="" target="_blank">
                    <img src="/images/header/sm_company.gif" alt="">
                </a>
            </li>
            <li class="last">
                <a href="">
                    <img src="/images/header/sm_customer.gif" alt="">
                </a>
            </li>
            
        </ul>                

        <!-- GNB -->

        <div class="gnbwrap">
            <div class="gnbp">
                <!-- GNB -->
                <ul class="gnb1depth">
                    <li onmouseover="onDepth3('gnb_01');" onmouseout="outDepth3('gnb_01','');">
                        <a href="">
                            <img src="/images/header/gnb_01.gif" alt="Inicial" class="imgover" hsrc="/images/header/gnb_01_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display: none; z-index: 1; " id="gnb_01">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_01_01.gif" alt="" class="imgover" hsrc="/images/header/gnb_01_01_on.gif">
                                </a>
                            </li>                            
                        </ul>-->
                    </li>
                    <li onmouseover="onDepth3('gnb_02');" onmouseout="outDepth3('gnb_02','');">
                        <a href="">
                            <img src="/images/header/gnb_02.gif" alt="Primario" class="imgover" hsrc="/images/header/gnb_02_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display:none;" id="gnb_02">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_02_01.gif" alt="Primario" class="imgover" hsrc="/images/header/gnb_02_01_on.gif">
                                </a>
                            </li>
                        </ul>-->
                    </li>
                    <li onmouseover="onDepth3('gnb_03');" onmouseout="outDepth3('gnb_03','');">
                        <a href="">
                            <img src="/images/header/gnb_03.gif" alt="Secundario" class="imgover" hsrc="/images/header/gnb_03_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display:none;" id="gnb_03">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_03_01.gif" alt="Secundario" class="imgover" hsrc="/images/header/gnb_03_01_on.gif">
                                </a>
                            </li>
                            
                        </ul>-->
                    </li>
                    <li onmouseover="onDepth3('gnb_04');" onmouseout="outDepth3('gnb_04','');">
                        <a href="">
                            <img src="/images/header/gnb_04.gif" alt="Terciario" class="imgover" hsrc="/images/header/gnb_04_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display: none; z-index: 1; " id="gnb_04">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_04_01.gif" alt="Terciario" class="imgover" hsrc="/images/header/gnb_04_01_on.gif">
                                </a>
                            </li>
                        </ul>-->
                    </li>
                    <li onmouseover="onDepth3('gnb_05');" onmouseout="outDepth3('gnb_05','');">
                        <a href="">
                            <img src="/images/header/gnb_05.gif" alt="Universitario" class="imgover" hsrc="/images/header/gnb_05_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display: none; z-index: 1; " id="gnb_05">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_05_01.gif" alt="Universitario" class="imgover" hsrc="/images/header/gnb_05_01_on.gif">
                                </a>
                            </li>
                        </ul>-->
                    </li>
                    <li onmouseover="onDepth3('gnb_06');" onmouseout="outDepth3('gnb_06','');">
                        <a href="">
                            <img src="/images/header/gnb_06.gif" alt="Cursos" class="imgover" hsrc="/images/header/gnb_06_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display:none;" id="gnb_06">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_06_01.gif" alt="Cursos" class="imgover" hsrc="/images/header/gnb_06_01_on.gif">
                                </a>
                            </li>
                        </ul>-->
                    </li>
                    <li class="last" onmouseover="onDepth3('gnb_07');" onmouseout="outDepth3('gnb_07','');">
                        <a href="">
                            <img src="/images/header/gnb_07.gif" alt="Test Vocacional" class="imgover" hsrc="/images/header/gnb_07_on.gif">
                        </a>
<!--                        <ul class="gnb2depth" style="display:none;" id="gnb_07">
                            <li>
                                <a href="">
                                    <img src="/images/header/gnb_07_01.gif" alt="Test Vocacional" class="imgover" hsrc="/images/header/gnb_07_01_on.gif">
                                </a>
                            </li>
                        </ul>-->
                    </li>

                </ul>
                <!-- //GNB -->
            </div>
        </div>

    </div>
    <!-- //header -->
    <hr>
    <hr>
</div>